﻿/*html {background-color: #e2e2e2;margin: 0;padding: 0;}
body {background-color: #fff;border-top: solid 1px #3883cc;color: #333;font-size: .85em;font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;margin: 0;padding: 0;width: 100%;}*/
.menu{ width: 100%;height: 30px;position: fixed;background: #3883cc;clear: both;margin: 0;padding: 0;z-index: 999999;}
.menu-top{ width: 80%;height: 30px;clear: both;margin: 0 auto;}
.menu-top-left{ width: 79%;float: left;height: 30px;}
.menu-top-left-logo{ width: 5%;float: left;margin: 0;padding: 0;height: 30px;}
.menu-top-left-menuItem{ width: 95%;float: right;margin: 0;padding: 0;}
.menu-top-right{ width: 20%;float: right;text-align: right;}
.menu-top-right ul{ float: right;width: 100%;height: 100%;text-align: right;margin: 0;}
.menu-top-right ul li{ display: inline;list-style: none;float: right;margin: 2px 5px auto auto;text-align: right;}
 .menu-top-right ul li a {background: none;color: #c8c8c8;text-decoration: none;padding: 10px 2px 5px 2px;}
.banner{ width: 100%;height: 100px;margin: 0;padding: 0;clear: both;background: #333;}
.banner img{ width: 100%;height: 100px;}
.clear{ clear: both;margin-bottom: 10px;}
.content{ width: 100%;height: auto;clear: both;vertical-align: top;position: relative;}
.content-left{ width: 75%;float: left;}
.content-right{ width: 24%;float: right;}
.row{ width: 100%;height: 30px;margin: 0;padding: 0;clear: both;position: relative;}
.col-left{ width: 20%;height: 100%;float: left;}
.col-right{ width: 79%;height: 100%;float: right;}
.frame{ width: 99%;height: auto;border: 1px #dedede solid;overflow: hidden;clear: both; margin-bottom: 10px;}
.title{ width: 100%;position: relative;height: 25px;clear: both;border-bottom: 1px solid #dedede;font-style: oblique; margin: 0;padding:0;-moz-border-radius: 7px 7px 0 0;-webkit-border-radius: 7px 7px 0 0;}
.frame-content{ width: 100%;clear: both;height: auto;margin-top: 10px;}
.default-left{ width: 59%;float: left;}
.default-right{ width: 40%;float: right;border-left: 1px solid #3883cc;}
.Share{ width: 50px;height: auto;float: left;margin: 20% auto auto 2px;position: fixed;z-index: 9999;}
/*a {color: #333;outline: none;padding-left: 3px;padding-right: 3px;text-decoration: none;}
    a:link, a:visited,a:active, a:hover {color: #333;}
    a:hover {background-color: #c7d1d6;text-decoration: underline;}*/
header, footer, hgroup,nav, section {display: block;}
h1, h2, h3,h4, h5, h6 {color: #000;margin-bottom: 0;padding-bottom: 0;}
h2{width: 100%; height: 100%;font-size: 14px;font-weight: bold;margin:0;}
h3{ width: 100%;height: 100%;font-weight: bold;font-size: 12px;margin: 0;}
h5, h6 {font-size: 13px;}
    h5 a:link, h5 a:visited, h5 a:active {padding: 0;text-decoration: none;}
.imagefun{ width: 100%;height: auto;overflow: hidden;clear: both;position: relative;}
.imagefun img{ width: 100%;position: relative;margin-bottom: 5px;}
.readfun{ width: 100%;height: 120px;clear: both;overflow: hidden;position: relative;}
.readfun div.imgredstory{ width: 40%;height: 100%;float: left;}
.readfun div.imgredstory img{ width: 98%;height: 90%;position: relative;}
.readfun div.deinfo{ width: 59%;height: auto;float: right;}
.video-frame{ width: 100%;height: auto;overflow: hidden;clear: both;position: relative;}
.video-frame:hover{ background: none;text-decoration: none;}

.video{ width: 100%;height: 100px;position: relative;overflow: hidden;clear: both;}
.video div.videoclip{ width: 40%;height: 100px;float: left;}
.video div.videoclip img{ width: 100%;height: 100%;position: relative;}
.video div.videoclip object embed{ width: 100%;height: 100%;position: relative;}
.video div.devideo{ width: 59%;height: 100px;float: right;vertical-align: top;}
.video div.videoclip span{width: 100%;position: relative;}
.video div.videoclip span.time { text-align: right;height: 15px;top: -20px;color: red;float: right;}
.video div.videoclip span img{ text-align: center;height: 40px;width: 40px;top: -80px;float: inherit;right: -3em;}
.imageIcon{ width: 120px;height: 170px;float: left;padding: 10px 10px 0 0;margin: 10px 10px 0 0;border: 1px solid #dedede;}
.imageIcon div.imagetitle{ width: 100%;height: 30px;font-weight: bold;font-size: 13px;position: relative;}
.imageIcon img{ width: 100%;height: 140px;padding-top: 2px;position: relative;}
.watchmore{ width: 100%;height: 25px;position: relative;clear: both;margin-top: 5px;text-align: right;}
.watchmore a{ font-style: italic;font-size: 11px;}
.news{ width: 100%;height: 100px;position: relative;overflow: hidden;clear: both;margin-bottom: 5px;color: #333;}
.news div.newsimg { width: 40%;height: 100px;float: left;}
.news div.newsimg img{ width: 100%;height: 100%;position: relative;}
.news div.denews{ width: 59%;height: 100px;float: right;vertical-align: top;}
.pager1{ width: 100%;position: relative;margin: 0;padding: 0;height: auto;overflow: hidden;}
.pagination{ width: 100%;position: relative;height: auto;text-align: center;margin: 0;left: 0;}
.pagination ul{ width: 100%;height: 25px;float: left;list-style: none;margin: 0;padding: 0;color: #333;position: relative;}
.pagination ul li{ padding: 2px;border: 1px solid #dedede;float: left;}
/*.first{ padding-left: 10px;}*/
/*#commic{height:400px;overflow-y:scroll;}*/
/* menu----------------------------------------------------------*/
/*ul.nav {font-size: 1.2em;font-weight: 600;margin: 0 0 5px;padding: 0;text-align: left;width: 100%;position: relative;float: left;}
    ul.nav li {display: inline;list-style: none;padding-left: 10px;position: relative;float: left;margin: 2px 5px auto 5px;}
        ul.nav li a {background: none;color: #c8c8c8;text-decoration: none;padding: 10px 2px 5px 2px;}
        ul.nav li a:hover {color: #fff;text-decoration: none;}
        ul.nav li ul{ position:absolute; width:150px; height:auto;  display:none; background: #3883cc;top: 20px;margin: 1px;padding: 1px;}
        ul.nav li li{ line-height:1.5em;  margin-top:3px; padding: 1px;left: -2px; border:0;width: 100%; }
        ul.nav li li:hover{ line-height:1.5em;}
        ul.nav li li a{ padding-left: 1px; }
        ul.nav li li:hover ul{display:none; }
        ul.nav li:hover ul{ display:block; }*/
.active{ color: red;}
.red{ color: red;}

/* login page */
#loginForm {border: solid 1px #c8c8c8;overflow: hidden;clear: both;margin: 10px auto;width: 500px;height: 300px;padding: 10px 2px 5px 10px;}
#socialLoginForm {margin-left: 1px;float: left;width: 96%;}
#socialLoginForm h2 {margin: 5px auto 5px 0;padding: 5px 2px 5px 10px;border-bottom: 1px solid #e2e2e2;}
#socialLoginList button {margin-bottom: 12px;}
